<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<meta name="renderer" content="webkit">

	<title>建站案例</title>
	<meta name="keywords" content="关键词">
	<meta name="description" content="简介">
	<link href="/statics/css/pure.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="static/css/animate.css">
	<link href="/statics/css/nanoscroller.css" rel="stylesheet">

	<link href="/statics/css/v1.css" rel="stylesheet">
	<link href="/statics/css/index.css" rel="stylesheet">
	<link href="/statics/css/case.css" rel="stylesheet">

<!--[if lte IE 8]>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="header"><!--  header-fill header-small -->
	<div class="header-wrap clearfix">
		<div id="header-brand"><a href="#"><img src="/statics/images/logo.png"><h1>东莞市飞健实业有限公司</h1></a></div>
		<nav id="header-nav">

			<ul class="navbar clearfix">
				<li class="navli"><a href="index-pure-1.html">首页</a></li>
				<li class="navli">
					<a href="index.html">服务</a>

					<div class="sub-nav">
						<div class="sub-triangle"><span></span></div>
						<div class="sub-text"><span>用心做最好的</span></div>
					</div>

				</li>
				<li class="navli"><a href="index.html">案例</a>
					<div class="sub-nav">
						<div class="sub-triangle"><span></span></div>
						<div class="sub-text"><span>用心做最好的222</span></div>
					</div>
				</li>
				<li class="navli"><a href="index.html">咨询控制</a></li>
			</ul>
			<ul class="navbar"></ul>
			
		</nav>



		<div id="header-menu" class="header-right">

			<ul class="navbar clearfix">
				<li><a href="index.html">控制台</a></li>
				<li><a href="index.html">控制台</a></li>
			</ul>

		</div>
	</div>
</header>


<div id="web-header" style="background:url(../statics/images/s1.jpg) no-repeat top center;">
	
</div>

<!-- <section id="web-path" class="container">
	<ol class="breadcrumb">
	  <li><a href="#">首页</a></li>
	  <li><a href="#">文章</a></li>
	  <li class="active">内容</li>
	</ol>
</section> -->
<!-- <div id="web-main"></div> -->

<div id="case-wrap">
	<div class="container">

		<div id="case-panel">
			<h2>客户案例</h2>
			<p>tuduweb 为每一位客户都将提供最优质的服务。<br>不论项目大小，只要客户和我们对品质有共同的追求，对于我们，每一次设计和实施的过程都是一次愉悦的体验。</p>
			<div class="title"><h1>东莞市飞健实业有限公司</h1></div>
			<!-- 相对定位面板 在右上角-->
			<div class="panel">
				<button class="pure-button pure-button-primary">
				    <i class="iconfont">&#xe619;</i>
				    立即提交建站需求
				</button>
			</div>
		</div>

		<section id="case-intro">
			<ul class="pure-g tm-clear">
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>客户名称</span>
					<p>东莞市飞健实业有限公司</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>项目类型</span>
					<p>企业高级解决方案</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>设计团队</span>
					<p>物联设计组</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>项目网址</span>
					<p>www.feijianToys.com</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>客户地点</span>
					<p>广东省东莞市</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>工作内容</span>
					<p>网站开发/企业形象策划</p>
				</li>
				<li class="pure-u-1-3 pure-u-lg-1-4">
					<span>更新时间</span>
					<p>2016-8</p>
				</li>

			</ul>
		</section>

		<section id="case-main">
			<div class="pure-g">
				<div class="pure-u-3-5">
					<section id="case-preview">

						<div class="focusBox break">
						    <ul class="pic">
						        <li>
						            <a href="http://www.SuperSlide2.com" target="_blank">
						                <img src="statics/images/t/1.jpg"/>
						            </a>
						        </li>
						        <li>
						            <a href="http://www.SuperSlide2.com" target="_blank">
						                <img src="statics/images/t/2.jpg"/>
						            </a>
						        </li>
						        <li>
						            <a href="http://www.SuperSlide2.com" target="_blank">
						                <img src="statics/images/t/3.jpg"/>
						            </a>
						        </li>
						    </ul>
						    <a class="prev" href="javascript:void(0)">
						    </a>
						    <a class="next" href="javascript:void(0)">
						    </a>
						    <ul class="hd">
						        <li>
						        </li>
						        <li>
						        </li>
						        <li>
						        </li>
						    </ul>
						</div>

					</section>
				</div>
				<div class="pure-u-2-5">
					<section id="case-info" class="break-r">
						<div class="intro">
							<div class="title"><h3>相关介绍</h3></div>
							<div id="about" class="nano">
							    <div class="nano-content">

The following type of markup structure is needed to make the plugin work:


Copy the HTML markup. Change .nano into something related to your content. Though you can also remove that attribute as long as you have a parent div with an ID reference. e.g. #parent > .nano. nano and nano-content classnames can be customized via plugin options (in that case you must rename them inside the plugin's CSS file as well).

2. CSS

Link to the nanoscroller.css file inside your page's  section (...or copy the contents from it to your page's main stylesheet file).

You should specify a width and a height to your container, and apply some custom styling for your scrollbar. Here's an example:

.nano { background: #bba; width: 500px; height: 500px; }
.nano > .nano-content { padding: 10px; }
.nano > .nano-pane   { background: #888; }
.nano > .nano-pane > .nano-slider { background: #111; }
3. JavaScript

Running this script will apply the nanoScroller plugin to all DOM elements with a .nano className.

$(".nano").nanoScroller();
Advanced methods

scroll

To scroll at the top:

$(".nano").nanoScroller({ scroll: 'top' });
To scroll at the bottom:

$(".nano").nanoScroller({ scroll: 'bottom' });
To scroll at the top with an offset value:

$(".nano").nanoScroller({ scrollTop: value });
To scroll at the bottom with an offset value:

$(".nano").nanoScroller({ scrollBottom: value });
To scroll to an element:

							    </div>
							</div>
						</div>
						<div class="reviews">
							<div class="title"><h3>客户评论</h3></div>
							<p>专业的服务机构，独特的设计角度。云智互联品牌建站专家！很不错的网站建设公司，服务很到位，设计很不错 。网站备案也帮忙给处理，希望能够长期合作！</p>
							<p class="customer">RTF - 丁青</p>
						</div>
					</section>
				</div>
			</div>
			<!-- 相关程序 -->
			<section id="case-software">
				<div class="case-title"><h3>客户<b>"飞健实业"</b>选择的服务</h3></div>
				<ul class="list pure-g">
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
					<li class="pure-u-1-4 pure-u-xl-1-6">
						<div><a href="link" class="pure-button pure-button-primary"><i class="iconfont">&#xe61b;</i><p>内容发布</p><span>管理系统</span></a></div>
					</li>
				</ul>
			</section>
		</section>

	</div>
</div>





<!-- <aside id="web-aside-contact">
	<div class="container">
    	<h3 class="center">即刻联系，了解我们更多 解决方案 及 套餐优惠 。</h3>
    	<div class="center"><a class="pure-button btn-hollow more" href="#">腾飞    一触即发</a></div>
		
	</div>
</aside> -->


<footer>
	<div id="footer-a">
		<div class="container pure-g">
			<div class="pure-u-lg-1-6 footer-aboutus">
				<h4>关于我们</h4>
				<ul>
					<li><a href="#">关于飞健</a></li>
					<li><a href="#">合作联系</a></li>
					<li><a href="#">加入我们</a></li>
					<li><a href="#">品牌形象</a></li>
				</ul>
			</div>
			<div class="pure-u-lg-5-12">
				<h4>产品服务</h4>
			</div>
			<div class="pure-u-lg-1-4 footer-contact">
				<h4>联系我们</h4>
				<p class="tel">咨询电话：185 - 7439 - 9336</p>
				<p class="tel"></p>
				<p class="addr">湖南省 长沙市 </p>
			</div>
			<div class="pure-u-lg-1-6">
				<div class="footer-code">
					<div class="qrcode"></div>
					<h5>微信获取动态</h5>
				</div>
			</div>
		</div>
	</div>
	<div id="footer-b">
		<div class="container pure-g">
			<div class="pure-u-xl-2-3">
			    <p class="web-op-info">©2017 东莞市飞健实业有限公司</p>
			    <p class="web-copyright">沪 ICP 备 11037377 号-5</p>
			</div>
			<div class="pure-u-xl-1-3">
				<ul class="web-footer-more">
					<p>Tuduweb.com</p>
				</ul>
			</div>
		</div>
	</div>
</footer>

<script src="/statics/js/jquery-1.12.4.js"></script>
<script src="/statics/js/jquery.SuperSlide.2.1.2.source.js"></script>
<script src="/statics/js/jquery.nanoscroller.min.js"></script>
<script src="/statics/js/v1.js"></script>
<script type="text/javascript">
jQuery(".focusBox").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.2) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
jQuery(".focusBox").slide({ mainCell:".pic",effect:"fold", autoPlay:true, delayTime:600, trigger:"click"});
$(".nano").nanoScroller();
</script>
</body>
</html>